<style lang="less">
.cps-icon-refresh {
    vertical-align: middle;
}
</style>

<template>
    <svg class="cps-icon-refresh" :width="width | px2rem" viewBox="0 0 30 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g id="画板" transform="translate(-413.000000, -1813.000000)">
                <g id="刷新" transform="translate(412.000000, 1813.000000)">
                    <rect id="矩形" fill-rule="nonzero" x="0" y="0" width="32" height="32"></rect>
                    <path d="M31,16 L28,16 C28,16.2711288 27.9910563,16.5409517 27.9732596,16.8092204 C27.5568346,23.0864151 22.3267278,28 16,28 C9.372583,28 4,22.627417 4,16 C4,9.372583 9.372583,4 16,4 C18.3307787,4 20.5558942,4.66266517 22.4716807,5.89249686 L24.0923257,3.36791577 C21.7576717,1.86919366 18.9803414,1 16,1 C7.71572875,1 1,7.71572875 1,16 C1,24.2842712 7.71572875,31 16,31 C23.9455986,31 30.4482816,24.8221442 30.9666799,17.0078019 C30.9887761,16.6747239 31,16.3386727 31,16 Z" id="路径" fill="#0DD66C" fill-rule="nonzero"></path>
                    <circle id="椭圆形" fill="#0DD66C" cx="29.5" cy="16.5" r="1.5"></circle>
                    <path d="M26.7551578,0.812510175 L29.2035255,6.67390052 C29.4163961,7.18351266 29.1758396,7.76920067 28.6662275,7.98207131 C28.6053698,8.00749223 28.5421465,8.02683016 28.4774813,8.03980259 L22.0226058,9.33470847 C21.4811096,9.44333747 20.9540789,9.09242924 20.8454499,8.55093299 C20.7985157,8.31697424 20.8367887,8.07394396 20.9533567,7.86573392 L24.9598644,0.709437702 C25.2296604,0.22753671 25.8390312,0.0555916359 26.3209322,0.325387631 C26.5160723,0.434638295 26.6689584,0.606148827 26.7551578,0.812510175 Z" id="矩形" fill="#0DD66C"></path>
                </g>
            </g>
        </g>
    </svg>
</template>

<script>
export default {
    name: "cps-svg-refresh",
    props: {
        width: {
            type: Number,
            default: 48
        }
    }
};
</script>